//ENDPOINT SPARQL

var endpoint = 'http://147.213.76.182:8890/sparql/';

//BASE URI

var uri_base = 'http://147.213.76.182:8890';

//SCREENSAVER

var img_logo_bw = '<img src="img/iperionBW.png" height="auto" width="150px"/>'; 
var txt_screensaver = $('<p class="strong"></p>').text("IPERION-HS per l'ambiente"); 
var txt2_screensaver = $("<p></p>").text("Questa pagina è entrata in in modalità risparmio energetico. Per tornare alla navigazione muovi il mouse sullo schermo");

//NAVBAR
var nav_item = '<li class="nav-item"></li>';
var home = '<li class="nav-item"> \
                <a class="nav-link" href="index.html">Home</a> \
            </li>';
var progetto = '<li class="nav-item"> \
                    <a class="nav-link" href="progetto.html">Progetto</a> \
                </li>';
var ricerca = '<li class="nav-item"> \
                    <a class="nav-link" href="ricerca.html">Ricerca</a> \
                </li>';
var percorsi = '<li class="nav-item dropdown"> \
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Percorsi</a> \
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> \
                    <a class="dropdown-item" target="_blank" href="https://demo-restore.devworkbench.it/it/1/home">MOVIO</a> \
                    </div> \
                </li>';
var standard = '<li class="nav-item"> \
                    <a class="nav-link" href="standard.html">Standard</a> \
                </li>';
var open_data = '<li class="nav-item dropdown"> \
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Open Data</a> \
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> \
                        <a class="dropdown-item" href="http://147.213.76.182:8890/sparql">Endpoint Sparql</a> \
                        <a class="dropdown-item" href="sparql.html">Query</a> \
                    </div> \
                </li>';
var download = '<li class="nav-item"> \
                    <a class="nav-link" href="download.html">Download</a> \
                </li>';
var collegamenti_esterni = '<li class="nav-item dropdown"> \
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Collegamenti esterni</a> \
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1"> \
                                <a class="dropdown-item" href="http://ckan.restore.ovi.cnr.it/" target="_blank">CKAN</a> \
                                <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it/lodlive/" target="_blank">LOD</a> \
                            </div> \
                        </li>';


//FOOTER

var container = $('<div class="container"></div>').append('<div class="row"></div>');
var col_lg_5 = '<div class="col-lg-5 h-100 text-center my-auto"></div>';
var ul_partner_list = '<ul class="partner-list list-inline mb-0"></ul>';

var about = '<li class="list-inline-item"> \
                <a href="about.html">About</a> \
            </li> \
            <li class="list-inline-item">&sdot;</li>';
var contatti = '<li class="list-inline-item"> \
                    <a href="contatti.html">Contatti</a> \
                </li> \
                <li class="list-inline-item">&sdot;</li>';
var termini = '<li class="list-inline-item"> \
                    <a href="termini.html">Termini e Condizioni</a> \
                </li>';
var footer_txt = '<p class="small mb-4 mb-lg-0">&copy; IPERION-HS 2022. All Rights Reserved.</p>';

var partner1 = '<li class="list-inline-item mr-3"> \
                    <a href="https://www.cnr.it/"> \
                        <img class="img-logo" src="img/CNR.png" /> \
                    </a> \
                </li>';
var partner2 = '<li class="list-inline-item mr-3"> \
                    <a href="https://europa.eu/"> \
                        <img class="img-logo" src="img/European-Union.png" /> \
                    </a> \
                </li>';

var ul_list = $('<ul class="list-inline mb-2"><ul>').append(about, contatti, termini);
var col_lg_7 = $('<div class="col-lg-7 h-100 text-center text-lg-left my-auto"></div>').append(ul_list, footer_txt);
var row = $('<div class="row"></div>').append(col_lg_7);
var footer = $('<div class="container"></div>').append(row);

$(document).ready(function(){
    $("#screensaver").append(img_logo_bw, txt_screensaver, txt2_screensaver);
    $("#navbar_elements").append(home, ricerca, standard, open_data, collegamenti_esterni);
    $("#footer").append(footer);
  });